
.circle {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 100px;
  border: 1px solid #C1BFC0;
  position: relative;
  font-size: 28px;
  font-weight: small;
  text-align: center;
  float: right;
  color: #C1BFC0;
  margin-left: 88%;
  position: absolute;
}

a {
  TEXT-DECORATION: none;
}

a:hover {
  TEXT-DECORATION: none;
}

a:visited {
  TEXT-DECORATION: none;
}

a:active {
  TEXT-DECORATION: none;
}

a:link {
  TEXT-DECORATION: none;
}

.befores_list {
  background-color: #fff;
  cursor: pointer;
}

.befores_list_click {
  color: #F39C11;
  border-bottom: 1px solid #ffc107;
}

.befores_list:hover {
  background-color: #fff;
  color: #F39C11;
}
.befores_list_filter_click{
  color: #3468b5;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 2px solid #3468b5;
}
.befores_list_filter{
  background-color: #fff;
  cursor: pointer;
}
.befores_list_filter:hover{
  color: #4e85d5;
}

input[type="radio"] {
  width: 10px;
  height: 10px;
  opacity: 0;
}

.searchHtml label {
  position: absolute;
  left: 2px;
  top: 6px;
  width: 10px;
  height: 10px;
  border: 1px solid #999;
  border-radius: 50%;
}

input:checked+label {
  background-color: #006eb2;
  border: 1px solid #006eb2;
}

input:checked+label::after {
  position: absolute;
  content: '';
  width: 2px;
  height: 2px;
  top: 2px;
  left: 2px;
  border: 4px solid #fff;
  border-top: none;
  border-left: none;
}

.spanClickStyle {
  border-bottom: 4px solid #1480C7;
  color: #1480C7;
}

.sd {
  padding-bottom: 5px;
}

.txt {
  color: rgb(255, 255, 255);
  background-color: rgb(67, 160, 71);
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 50%;
  height: 38px;
  width: 38px;
  min-width: 38px;
  min-height: 38px;
  max-width: 38px;
  max-height: 38px;
  text-transform: uppercase;
  cursor: pointer;
}

.docx {
  color: rgb(255, 255, 255);
  background-color: rgb(239, 83, 80);
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 50%;
  height: 38px;
  width: 38px;
  min-width: 38px;
  min-height: 38px;
  max-width: 38px;
  max-height: 38px;
  text-transform: uppercase;
  cursor: pointer;
}

.doc {
  color: rgb(255, 255, 255);
  background-color: rgb(239, 83, 80);
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 50%;
  height: 38px;
  width: 38px;
  min-width: 38px;
  min-height: 38px;
  max-width: 38px;
  max-height: 38px;
  text-transform: uppercase;
  cursor: pointer;
}

.csv {
  color: rgb(255, 255, 255);
  background-color: rgb(161, 136, 127);
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 50%;
  height: 38px;
  width: 38px;
  min-width: 38px;
  min-height: 38px;
  max-width: 38px;
  max-height: 38px;
  text-transform: uppercase;
  cursor: pointer;
}

.html {
  color: rgb(255, 255, 255);
  background-color: rgb(236, 64, 122);
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 50%;
  height: 38px;
  width: 38px;
  min-width: 38px;
  min-height: 38px;
  max-width: 38px;
  max-height: 38px;
  text-transform: uppercase;
  cursor: pointer;
}

.pdf {
  color: rgb(255, 255, 255);
  background-color: rgb(161, 136, 127);
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 50%;
  height: 38px;
  width: 38px;
  min-width: 38px;
  min-height: 38px;
  max-width: 38px;
  max-height: 38px;
  text-transform: uppercase;
  cursor: pointer;
}

.md {
  color: rgb(255, 255, 255);
  background-color: rgb(33, 150, 243);
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 50%;
  height: 38px;
  width: 38px;
  min-width: 38px;
  min-height: 38px;
  max-width: 38px;
  max-height: 38px;
  text-transform: uppercase;
  cursor: pointer;
}

.json {
  color: rgb(255, 255, 255);
  background-color: rgb(204, 201, 0);
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 50%;
  height: 38px;
  width: 38px;
  min-width: 38px;
  min-height: 38px;
  max-width: 38px;
  max-height: 38px;
  text-transform: uppercase;
  cursor: pointer;
}

.jpg {
  color: rgb(255, 255, 255);
  background-color: rgb(88, 208, 212);
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 50%;
  height: 38px;
  width: 38px;
  min-width: 38px;
  min-height: 38px;
  max-width: 38px;
  max-height: 38px;
  text-transform: uppercase;
  cursor: pointer;
}
.png {
  color: rgb(255, 255, 255);
  background-color: rgb(80, 181, 239);
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 50%;
  height: 38px;
  width: 38px;
  min-width: 38px;
  min-height: 38px;
  max-width: 38px;
  max-height: 38px;
  text-transform: uppercase;
  cursor: pointer;
}
.gif {
  color: rgb(255, 255, 255);
  background-color: rgb(80, 104, 239);
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 50%;
  height: 38px;
  width: 38px;
  min-width: 38px;
  min-height: 38px;
  max-width: 38px;
  max-height: 38px;
  text-transform: uppercase;
  cursor: pointer;
}
.other{
  color: rgb(255, 255, 255);
  background-color: rgb(169, 45, 194);
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 50%;
  height: 38px;
  width: 38px;
  min-width: 38px;
  min-height: 38px;
  max-width: 38px;
  max-height: 38px;
  text-transform: uppercase;
  cursor: pointer;

}
.otherFileType {
  color: rgb(255, 255, 255);
  background-color: rgb(128, 75, 163);
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-radius: 50%;
  height: 38px;
  width: 38px;
  min-width: 38px;
  min-height: 38px;
  max-width: 38px;
  max-height: 38px;
  text-transform: uppercase;
  cursor: pointer;
}


.filterBy {
  position: relative;
  border-bottom: 0px solid #F1F1F1;
  cursor: pointer;
}

.filterBy span {
  font-size: 14px;
  color: #5A6470;
}

.filterBy span:hover {
  background-color: #fff;
  color: #F39C11;
}

.fileTags{
  display:inline-block;
  margin:2px;
  padding:2px 4px;
  margin-right:5px;
  background-color: #fff;
  color: #3468b5;
  cursor: pointer;
  border: 1px solid;
  border-radius: 6px;
  box-shadow: 0px 1.5px 0px 0px #ccccf7;
}
.fileTags:hover{
  background-color:#48b6f8;
  color: #fff;
}
.fileTagsClick{
  background-color:#0069a7;
  color: #fff;
}
.fileTags i{
  font-size: 16px;
}
.fileTags i:hover{
  color: rgb(255, 118, 118);
  cursor: pointer;
}
.fontcolor{
  color:#1480C7;

}
.fontcolor1{
  color:#B3B3B3;

}
em {
  background-color: #fff6a9;
  border: 1px solid #e6d9c4;
  border-radius: 3px;
  font-style: normal;
}
span {
  display: inline-block;
}
  /* 复选框的样式 */
  .wrap{
    width: 200px;
    /* height: 100px; */
    border: 0px solid #666;
    position: relative;
   
    /* margin: auto; */
}
.wrap input{
    width:20px;
    height:20px;
    left: 30px;
    
    visibility:hidden;

}
/* .wrap label{ */
.wrap .searchLabel{
    width:20px;
    height:20px;
    position: absolute;
    border: 1px solid #119be3;
    left: 1px;
    border-radius: 50%;

}
.wrap input:checked+label{
   background-image: url("check.png");
   
}

.hasChildren:before {position: absolute;left: 5px;top: 13px;width: 0;height: 0;content: "";border-width: 8px 8px 0 8px;border-style: solid;border-color: #337ab7 transparent;transform: rotate(-90deg);}
.hasChildren:after {position: absolute;left: 4px;top: 14px;width: 0;height: 0;content: "";border-width: 6px 6px 0px 6px;border-style: solid;border-color: #eee transparent;transform: rotate(-90deg);}
.ztree li a.level0.cur:before{left: 5px;top: 14px;border-color: #fff transparent;transform: rotate(0deg);}
.ztree li a.level0.cur:after{left: 7px;top: 13px; border-color: rgb(51, 122, 183) transparent;transform: rotate(0deg);} 
.ztree li a.level0.curSelectedNode:after{left: 7px;top: 13px; border-color: #3468b5 transparent;transform: rotate(0deg);} 
/* 文件库箭头初始为v 下拉为^
.hasChildren:before {position: absolute;left: 5px;top: 14px;width: 0;height: 0;content: "";border-width: 8px 8px 0 8px;border-style: solid;border-color: #337ab7 transparent;}
.hasChildren:after {position: absolute;left: 7px;top: 12px;width: 0;height: 0;content: "";border-width: 6px 6px 0px 6px;border-style: solid;border-color: #fff transparent;}
.ztree li a.level0.cur:before{border-color: #fff transparent;transform: rotate(180deg);}
.ztree li a.level0.cur:after{top: 18px; border-color: #3468b5 transparent;transform: rotate(180deg); } */
/* .ztree li a.level0 {width:100%;height: 35px; display:block; border: 0.5px #337ab7 solid;position: relative;overflow: hidden;} */
.ztree li a.level0 {padding-right: 0; width:100%;height: 35px; display:block; position: relative;overflow: hidden;background-color: #eee;border-bottom: 1px #d3d3d3 solid;}
/* .ztree li a.level0.cur {background-color: #3468b5;width: 100%;height: 35px;border: 0;} */
.ztree li a.level0.cur {background-color: #eee;width: 100%;height: 35px;border: 0;}
.curHasChildren{box-shadow: 0px 8px 6px -4px #b9b9b9;  margin-bottom: 6px;}
.ztree li a.level0.onSonSelected {background-color: #6f9de1; width: 100%;height: 35px; margin-bottom: 6px;}
.ztree li a.level0:hover{text-decoration: none;background: #6fb5db;}
.ztree li a.level0:hover:before,.ztree li a.level0.cur:hover:before{border-color: #fff transparent;}
.ztree li a.level0:hover:after{border-color: #6fb5db transparent;}
.ztree li a.level0.cur:hover:after{border-color: rgb(51, 122, 183) transparent;}
.ztree li a.level0.cur:hover{text-decoration: none;}
/* .ztree li a.level0 span {display: block; color: white; padding-top:8px; font-size:16px; font-weight: bold;word-spacing: 2px;letter-spacing: 6px;} */
.ztree li a.level0 span {
  /* display: block; color: #337ab7;height: 100%; margin-right: 0; padding-top:8px; font-size:14px; font-weight: bold;padding-left: 25px; */
  display: block; height: 100%; margin-right: 0; padding-top:8px; font-size:14px; font-weight: bold;padding-left: 25px;
  /* word-spacing: 2px;letter-spacing: 6px; */
}
.ztree li a.level0 span:hover{color: #fff;}
.ztree li a.level0 span.button {	float:right; margin-left: 10px; visibility: visible;display:none;}
.ztree li span.button.switch.level0 {display:none;}
.ztree li ul{overflow-x: auto;}
.ztree li ul li a:hover{text-decoration-color: #ffc107;}
/* .ztree li ul li a.curSelectedNode {background-color: #f39c11;border-radius: 6px;letter-spacing: 2px;padding: 2px 4px;color: white;height: 22px;opacity: 0.9;} */
.ztree li ul::-webkit-scrollbar {width: 8px;height: 8px;}
.ztree li ul::-webkit-scrollbar-thumb {background-color: rgba(245, 176, 65,.1);border-radius: 10px;box-shadow: inset 1px 1px 0 rgba(245, 176, 65,.2);-webkit-box-shadow: inset 1px 1px 2px 1px rgba(245, 176, 65,.2);}
.ztree li ul:hover::-webkit-scrollbar-thumb {background-color: rgba(245, 176, 65,.4);border-radius: 10px;box-shadow: inset 1px 1px 0 rgba(245, 176, 65,.2);-webkit-box-shadow: inset 1px 1px 0 rgba(245, 176, 65,.2);}
.ztree li ul::-webkit-scrollbar-thumb:hover {background-color: rgba(245, 176, 65,.6);box-shadow: inset 1px 1px 0 rgba(245, 176, 65,.4);-webkit-box-shadow: inset 1px 1px 0 rgba(245, 176, 65,.4);}
.ztree li ul::-webkit-scrollbar-track {border-radius: 10px;box-shadow: inset 0 0 3px rgba(0,0,0,0);-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0);background-color: white;}
.ztree li ul::-webkit-scrollbar-track:hover {-webkit-box-shadow: inset 0 0 3px rgba(245, 176, 65,.6);box-shadow: inset 0 0 3px rgba(245, 176, 65,.6);background-color: rgba(245, 176, 65,.1);}
.ztree li a.level0 span.node_name span.dataNumByFolder{padding: 0;float: right; color:red;}
.showFileSummary{
  border-bottom:1px solid #aeaeae;
  padding:0px 2px 5px 5px;
  height:300px;
  overflow-y:scroll;
  margin-bottom: 5px;
}
.showFileSummary::-webkit-scrollbar {width: 8px;height: 8px;}
.showFileSummary::-webkit-scrollbar-thumb {background-color: rgba(217, 237, 247,.1);border-radius: 10px;box-shadow: inset 1px 1px 0 rgba(217, 237, 247,.2);-webkit-box-shadow: inset 1px 1px 2px 1px rgba(217, 237, 247,.2);}
.showFileSummary:hover::-webkit-scrollbar-thumb {background-color: rgba(217, 237, 247,.6);border-radius: 10px;box-shadow: inset 1px 1px 0 rgba(217, 237, 247,.4);-webkit-box-shadow: inset 1px 1px 0 rgba(217, 237, 247,.4);}
.showFileSummary::-webkit-scrollbar-thumb:hover {background-color: rgba(217, 237, 247,1);box-shadow: inset 1px 1px 0 rgba(217, 237, 247,.6);-webkit-box-shadow: inset 1px 1px 0 rgba(217, 237, 247,.6);}
.showFileSummary::-webkit-scrollbar-track {border-radius: 10px;box-shadow: inset 0 0 3px rgba(0,0,0,0);-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0);background-color: white;}
.showFileSummary::-webkit-scrollbar-track:hover {-webkit-box-shadow: inset 0 0 3px rgba(217, 237, 247,.6);box-shadow: inset 0 0 3px rgba(217, 237, 247,.6);background-color: rgba(217, 237, 247,.4);}

.theFileContent{
  width: 100%;border-bottom: 1px solid #949494;height:600px;overflow-y:scroll;
}
.theFileContent::-webkit-scrollbar {width: 8px;height: 8px;}
.theFileContent::-webkit-scrollbar-thumb {background-color: rgba(193,193,193,.1);border-radius: 10px;box-shadow: inset 1px 1px 0 rgba(193,193,193,.2);-webkit-box-shadow: inset 1px 1px 2px 1px rgba(193,193,193,.2);}
.theFileContent:hover::-webkit-scrollbar-thumb {background-color: rgba(193,193,193,.4);border-radius: 10px;box-shadow: inset 1px 1px 0 rgba(193,193,193,.2);-webkit-box-shadow: inset 1px 1px 0 rgba(193,193,193,.2);}
.theFileContent::-webkit-scrollbar-thumb:hover {background-color: rgba(193,193,193,.6);box-shadow: inset 1px 1px 0 rgba(193,193,193,.4);-webkit-box-shadow: inset 1px 1px 0 rgba(193,193,193,.4);}
.theFileContent::-webkit-scrollbar-track {border-radius: 10px;box-shadow: inset 0 0 3px rgba(0,0,0,0);-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0);background-color: white;}
.theFileContent::-webkit-scrollbar-track:hover {-webkit-box-shadow: inset 0 0 3px rgba(193,193,193,.6);box-shadow: inset 0 0 3px rgba(193,193,193,.6);background-color: rgba(193,193,193,.1);}


.vc-font2{
  /* border:1px solid black; */
  width:calc(100% - 220px);
  height:40px;
  /* text-align:center; */
  /* overflow:hidden; */
  /* display: table-cell; */
  display: inline-block;
}
.vc-font2 .vc-inner{
  display:inline-block;
  vertical-align:middle;
}
.vc-font2 .vc-fix{
  display:inline-block;
  width:0;
  height:100%;
  line-height:100%;
  vertical-align:middle;
  visibility: hidden;
}
.filterDivs{
  margin-right:0;margin-left:0;box-shadow: 0px 4px 4px -2px #949494;
  border-bottom:2px solid #F1F1F1;margin:auto;width:100%; 
  margin-top:10%;background:#fff;
}
.filterTitle{
  padding:10px;background:#3468b5;
  font-size:18px;border:2px solid #3468b5;
  color:#fff;height:35px;padding-top:5px;
}
.fileTagType{
  list-style: none;
  height: 150px;
  overflow-x: hidden;
}
.fileTagType::-webkit-scrollbar {width: 8px;height: 8px;}
.fileTagType::-webkit-scrollbar-thumb {background-color: rgba(217, 237, 247,.1);border-radius: 10px;box-shadow: inset 1px 1px 0 rgba(217, 237, 247,.2);-webkit-box-shadow: inset 1px 1px 2px 1px rgba(217, 237, 247,.2);}
.fileTagType:hover::-webkit-scrollbar-thumb {background-color: rgba(217, 237, 247,.6);border-radius: 10px;box-shadow: inset 1px 1px 0 rgba(217, 237, 247,.4);-webkit-box-shadow: inset 1px 1px 0 rgba(217, 237, 247,.4);}
.fileTagType::-webkit-scrollbar-thumb:hover {background-color: rgba(217, 237, 247,1);box-shadow: inset 1px 1px 0 rgba(217, 237, 247,.6);-webkit-box-shadow: inset 1px 1px 0 rgba(217, 237, 247,.6);}
.fileTagType::-webkit-scrollbar-track {border-radius: 10px;box-shadow: inset 0 0 3px rgba(0,0,0,0);-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0);background-color: white;}
.fileTagType::-webkit-scrollbar-track:hover {-webkit-box-shadow: inset 0 0 3px rgba(217, 237, 247,.6);box-shadow: inset 0 0 3px rgba(217, 237, 247,.6);background-color: rgba(217, 237, 247,.4);}

.ztree::-webkit-scrollbar {width: 8px;height: 8px;}
.ztree::-webkit-scrollbar-thumb {background-color: rgba(217, 237, 247,1);border-radius: 10px;box-shadow: inset 1px 1px 0 rgba(217, 237, 247,.2);-webkit-box-shadow: inset 1px 1px 2px 1px rgba(217, 237, 247,.2);}
.ztree:hover::-webkit-scrollbar-thumb {background-color: rgba(217, 237, 247,1);border-radius: 10px;box-shadow: inset 1px 1px 0 rgba(217, 237, 247,.4);-webkit-box-shadow: inset 1px 1px 0 rgba(217, 237, 247,.4);}
.ztree::-webkit-scrollbar-thumb:hover {background-color: rgb(208, 236, 250);box-shadow: inset 1px 1px 0 rgba(217, 237, 247,.6);-webkit-box-shadow: inset 1px 1px 0 rgba(217, 237, 247,.6);}
.ztree::-webkit-scrollbar-track {border-radius: 10px;box-shadow: inset 0 0 3px rgba(0,0,0,0);-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0);background-color: white;}
.ztree::-webkit-scrollbar-track:hover {-webkit-box-shadow: inset 0 0 3px rgba(217, 237, 247,.6);box-shadow: inset 0 0 3px rgba(217, 237, 247,.6);background-color: rgba(217, 237, 247,.4);}
